<template>
	<view>
		<button @click="changeLogin">我是一个test页面</button>
		<!-- 使用组件 -->
		<view>
			<login v-if="flag" :title="title" @myEvent="getNum"></login>
			<view v-show="getMsg!=0">子组件传递过来的数据为：{{getMsg}}</view>
		</view>
	</view>
</template>
<script>
	// 引入组件
	import login from "@/components/login.vue"
	export default {
		data() {
			return {
				flag:true,
				title:"hello",
				getMsg:0
			}
		},
		methods: {
			changeLogin(){
				this.flag=!this.flag
			},
			getNum(res){
				console.log(res)
				this.getMsg=res
			}
		},
		// 注册组件
		components:{
			login:login
		}
	}
</script>

<style>

</style>
